<template>
  <div class="area-header">
    <h2 class="title">{{ highScore.title }}</h2>
    <h3 class="subtitle">{{ highScore.subtitle }}</h3>
  </div>
</template>

<script setup>
  const highScore = defineProps({
    title: {
      type: String,
      default: "默认标题"
    },
    subtitle: {
      type: String,
      default: "默认子标题"
    }
  })
</script>

<style lang="less" scoped>
  .area-header {
      .title {
        font: 22px/1.5 "微软雅黑";
        color: black;
      }
      .subtitle {
        font: 14px/1.5 "微软雅黑";
        color: #666666;
      }
    }
</style>